<script src="images/TouchSlide.1.1.js"></script>
<style type="text/css">
    /* 本例子css -------------------------------------- */
	#slideBox_<{$widgets_id}>{ position:relative;overflow:hidden;margin:0px auto;width:100%;max-width:<{$setting.width}>px;/* 设置焦点图最大宽度 */margin-top:90px; }
	#slideBox_<{$widgets_id}> .hd{position:absolute;height:28px;line-height:28px;bottom:<{$setting.mgbt}>;width:100%;  z-index:1; text-align:center }
	#slideBox_<{$widgets_id}> .hd li{ display:inline-block; width:10px;height:10px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:<{$setting.bgcolor}>; text-indent:-9999px; overflow:hidden; margin:0 0.06rem;   }
	#slideBox_<{$widgets_id}> .hd li.on{ background:<{$setting.fccolor}>;  }
	#slideBox_<{$widgets_id}> .bd{ position:relative; z-index:0; }
	#slideBox_<{$widgets_id}> .bd li{ position:relative; text-align:center;  }
	#slideBox_<{$widgets_id}> .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	#slideBox_<{$widgets_id}> .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	#slideBox_<{$widgets_id}> .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
</style>
<div id="content">
			<!-- 本例主要代码 Start ================================ -->
			<div id="slideBox_<{$widgets_id}>" class="slideBox">
                    <div class="bd">
					<ul>
                            <{foreach from=$data.pic item=parent key=parentId}>
							<li><a href="<{$parent.linktarget}>" class="pic"><img src="<{$parent.link}>" alt="<{$data.linkinfo}>"/></a></li><{/foreach}>
				
					</ul>
				    </div>
                <div class="hd">
					<ul></ul>
				</div>
			</div>
			<script type="text/javascript">
				TouchSlide({ 
					slideCell:"#slideBox_<{$widgets_id}>",
					titCell:"#slideBox_<{$widgets_id}> .hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					mainCell:"#slideBox_<{$widgets_id}> .bd ul", 
					effect:"leftLoop", 
					autoPage:true,//自动分页
					autoPlay:true ,//自动播放
					interTime:6000
				});
			</script>
			<!-- 本例主要代码 End ================================ -->
</div>
